<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>

<script>

    // axios.get('/catalog').then(response=>{
    //     axios.get('/product').then(response=>{

    //     })
    // })

    // new Promise((resolve,reject)=>{
    //     setTimeout(function(){
    //         resolve('考试顺利')
    //     },5000)
    // }).then(res=>{
    //         console.log(res)
    //     })

    var i=1;
    var res1;
    let step1 = function(resolve,reject){
        console.log('获取商品的目录');
        setTimeout(function(){
            if(i>0){
                res1=i*10
                resolve(res1)
            }else{
                reject(res1)
            }

        },3000)
    }    

    let step2 = function(resolve,reject){
        console.log('获取商品的数据');
        setTimeout(function(){
            if(res1>0){
                resolve(res1*res1)
            }else{
                reject(res1)
            }

        },3000)
    }  
    
    // new Promise(step1).then(res=>{
    //     console.log(res);
    //     return new Promise(step2);
    // }).then(res2=>{
    //     console.log(res2)
    //     //return new Promise(step3)
    // }).catch(err=>{
    //     console.log(err)
    // }).finally(()=>{
    //     console.log('最终的操作')
    // })

    //异步函数，相当于
    // new Primise((res,rej)=>{ res('考试通过')})
    async function demo(){
        return '考试通过'
    }
    // console.log(demo());
    // demo().then(res=>{console.log(res)})


    //await 和 async 搭配使用的
    async function yibu(){
       return new Promise((resolve,reject)=>{
            setTimeout(function(){
                resolve(10)
            },10000)
        })
    }

    async function getYibu(){
        let result = await yibu();// await 会等于异步的数据返回
        console.log(result);
        console.log('i am bottom')
    }

    var time=1
    setInterval(() => {
        time++;
      console.log(' i am alive'+ time);
    }, 100);

    getYibu();

</script>
</html>